Ahhhhha!

5.1 How to make rounded corners of a border

  1. Motivations

  2. Can you do something good with borders, not only line? Read all in CSS3 Borders.
    • border-radius
    • Read all in CSS3 Shadow Effects as well.
    • For what is the box-shadow property used? The syntax of this property is box-shadow: none|h-shadow v-shadow [blur [spread]] color|inset|initial|inherit;. E.g., box-shadow:10px 10px 5px Grey
    • Trial 1: Can you display a box like the title box of this page?


    • Can you display an oval shape?

  3. Learning outcomes